<template>
  <div>
    父组件
    <!-- city = $event -->
    <!-- <MySelectVue :city="city" @select_change_event="fn" /> -->

    <!-- <MySelectVue :value="city" @input="fn" /> -->
    <!-- 使用v-model来简化属性+事件的绑定。 属性我们就传递value，事件就监听input。 就可以用v-model简化双向绑定 -->
    <!-- v-model 可以使用在<input>标签上面 -->
    <!-- 也可以使用在自定义组件上， 简化绑定的语法 -->
    <MySelectVue v-model="city" />
  </div>
</template>

<script>
import MySelectVue from './components/MySelect.vue'

export default {
  components: { MySelectVue },
  data() {
    return {
      city: '101'
    }
  },
  methods:{
    fn(e) {
      this.city = e
    }
  }
}
</script>